<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>datalist元素</title>
	</head>
	<body>
		<!--
    <datalist> 定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。

    标签定义及使用说明:
    <datalist> 标签规定了 <input> 元素可能的选项列表。
    <datalist> 标签被用来在为 <input> 元素提供"自动完成"的特性。用户能看到一个下拉列表，里边的选项是预先定义好的，将作为用户的输入数据。
    请使用 <input> 元素的 list 属性来绑定 <datalist> 元素。
    提示：不能控制 datalist 的位置，并且不能将其与服务器的数据进行绑定。
    -->
		<form action="url" method="get">
			<input list="browsers" name="browser" />
			<datalist id="browsers">
				<option value="Chrome" />
				<option value="Firefox" />
				<option value="Internet Explorer" />
				<option value="Opera" />
			</datalist>
			<input type="submit" />
		</form>
	</body>
</html>
